message-tray: Add :overview pseudo class when in overview

The designers would like the message-tray to use different styles
depending on whether it is shown in the overview or not, so use
an :overview pseudo class as the top bar.

diff --git a/js/ui/messageTray.js b/js/ui/messageTray.js
index cf7afe09db6c771ce3c3cc1a925b272dd39ed844..21d09bf195dcb98ae6509234c4c23c611df3fa44 100644 (file)
--- a/js/ui/messageTray.js
+++ b/js/ui/messageTray.js
@@ -1550,6 +1550,7 @@ const MessageTray = new Lang.Class({
         Main.overview.connect('showing', Lang.bind(this,
             function() {
                 this._overviewVisible = true;
+                this.actor.add_style_pseudo_class('overview');
                 if (this._locked) {
                     this._unsetClickedSummaryItem();
                     this._unlock();
@@ -1560,6 +1561,7 @@ const MessageTray = new Lang.Class({
         Main.overview.connect('hiding', Lang.bind(this,
             function() {
                 this._overviewVisible = false;
+                this.actor.remove_style_pseudo_class('overview');
                 if (this._locked) {
                     this._unsetClickedSummaryItem();
                     this._unlock();